@charset "utf-8";
/* CSS Document */


.navbar {
  overflow: hidden;padding-top: 8px;
 }
.navbar .ico-home, .navbar .ico-nav {
  float: left;
  width: 20%;
  height: 83px;
  overflow: hidden;
  text-indent: -9999em;
  background: url(../images/home.png) center center no-repeat;
}
.navbar .ico-home img, .navbar .ico-nav img{height: 100%;float: right;width: 2px;}
 .navbar .ico-nav img{float:left;}
 
.navbar #title {
  float: left;
  width: 56%;
  height: 100px;
  margin: 0 2%;
  font-size: 3.142em;
  font-weight: normal;
  color: #fff;
  line-height: 100px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: font-size 0.2s ease-out;
  -o-transition: font-size 0.2s ease-out;
  -moz-transition: font-size 0.2s ease-out;
  transition: font-size 0.2s ease-out;
}
.navbar .ico-nav {
  float: right;
  background: url(../images/daohang.png) center center no-repeat;
}

.nav {
  position: fixed;
  top: 0;
  right: -480px;
  z-index: 9999;
  width: 480px;
  height: 100%;
  background: #393939;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.nav h3 {
  padding: 65px 0 30px 25px;
  font-size: 3.142em;
  font-weight: normal;
  color: #fff;
  line-height: 50px;
}
.nav h3 a {
  color: #fff;
}

.nav ul li a {
  display: block;
  height: 90px;
  overflow: hidden;
  padding: 0 0 0 24px;
  line-height: 90px;
  color: #dcdcdc;
  font-size: 2em;
  border-bottom: 1px solid #272727;
}


.openNav {
  right: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.scrollerBox {
  overflow-x: hidden;
  overflow-y: scroll;
}
.scroller {
  width: 100%;
  padding: 0 0 100px 0;
}

.warmp {
  position: relative;
  right: 0;
  z-index: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: #fff;  padding-bottom: 40px;
}
.warmp_index{
	 padding-bottom:32%;
}
.openMenu {
  right: 480px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}



.footer {
  height: auto;
  width: 100%;
}
.footer-con {
  width: 100%;
  /* height: 118px; */
  height: auto;
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  -webkit-transition: right .5s ease;
  transition: right .5s ease;
}
.footer p {
  max-width: 600px;
  padding: 10px 20px;
  margin: 0 auto;
}

.menu-bg {
    background: #942526 none repeat scroll 0% 0%;overflow: hidden;
}
.footer li {
  float: left;
  width: 25%; 
}
.footer li a, .footer li span {
  display: block;
  height: 118px;
  padding: 74px 0 0 0;
  text-align: center;
  font-size: 24px;
  color: #fff;
  cursor: pointer; box-sizing: border-box;
}

.footer li.m_1 a {background:url(../images/m_2.png) no-repeat center 15px; }
.footer li.m_2 a {background:url(../images/m_4.png) no-repeat center 15px; }

.footer li.m_3 a {background:url(../images/m_5.png) no-repeat center 15px; }
.footer li.m_4 a {background:url(../images/m_6.png) no-repeat center 15px; }



	.warmp_index,.warmp{padding-bottom:0px;}
	#header{display:block;}
	.header,.footer,#slides{display:none;}
	

@media (max-width: 1920px) {
	.warmp_index{padding-bottom:0px;}
	#header{display:block;}
	.header,.footer,#slides{display:none;}
	
	
	
}

@media (max-width: 1199px) {
	body {font: 12px "宋体";}
	#f2_box .f2_content{font-size:14px;}
	.container{width:940px;}
	.nav_pc ul li {width:14%;}
	.nav_pc ul li a{width:100%;}
	#f1_box .img_box li,#f3_box .img_box li{width:23%;margin-left:2%;height:auto;}
	#f1_box .titleimg img,#f2_box .titleimg img,#f3_box .titleimg img,.f2_content .t_right img,#f4_box .titleimg_img {width:100%;}
	#f4_box .f4_news_container .f4_con .f4_r .title{font-size:14px;}
	#f4_box .f4_news_container .f4_con .f4_r p{font-size: 12px;line-height: 18px;}
	#ny_f2 .f1_content_block{width:95%;overflow:hidden;}
	#ny_f2 .f1_content li{width:160px;margin:0px 11px;}
	
	#f1_box .f1_content_block{width:95%;overflow:hidden;}
	#f1_box .f1_content li{margin:0px 5px;width:16%;}
	#f1_box .f1_content li img{height:auto;}
	
	/*关于我们*/
	#a_f1_box .a_content_box .n_a_1{width:100%;}
	
	#a_f2_box .titlenav .s1,#a_f2_box .titlenav .s2{width:40%;}
	#a_f2_box .f2_content_block{width: 88%;overflow: hidden;}
	#a_f3_box{padding-bottom:48px;}
	#a_f3_box .n_bg3{width:100%;}
	#a_f3_box .a_content_info{width: 99.6%;}
	#a_f3_box ul li{margin-left:1%;}
	#a_f2_box .f2_content li span{display:none;}
	#a_f2_box .toleft, #a_f2_box .toright{width:35px;}
	#a_f3_box ul li img{height:134px;}
	#a_f3_box .n_bg3{display:none;}
	#a_f3_box .a_content_info{border:1px solid #D0D0D0;padding:10px 5px;border-radius:5px;}
	
	.news_title{background-position:55% center;}
	
	.join_title{background-position:56% center;}
	#a_f2_box .join_content_box .join_liucheng{width:100%;}
	#a_f3_box .divform .join_1{width:100%;}
	#a_f3_box .divform table .inptxt, #a_f3_box .divform table textarea{width:265px;}
	#a_f3_box .divform table textarea{height:80px;}
	#a_f1_box .join_content_box{background-size: 100%;}
	
	
	.list_pro{padding-bottom:10px;}
	.list_pro .pro_ul li{height:auto;}
	.list_pro .pro_ul li .proimg img{width:100%;}
	
	.list_xican .xican_ul li{height:210px;}
	
	.list_news .listitem .n_img{height:150px;}
	.list_news .listitem .n_img img{width:100%;}
	.list_news .listitem .t_r .more{bottom:3px;}
	
	  
}

@media (max-width: 800px) {

	.warmp_index{padding-bottom:90px;}
	#header{display:none;}
	.header,.footer,#slides{display:block;}
	
	.container{width:790px;}
	#f2_box .f2_content,#f1_box p{font-size:14px;}
	#f4_box .titleimg{font-size:26px;}
	
	
	#ny_f2 .f1_content_block{width:675px;overflow:hidden;}
	#ny_f2 .f1_content li{margin:0px 5px;width:25%;}
	#f1_box .f1_content li img{height:auto;}
	#ny_f2 .toright{float: left;margin-left: 12px;}
	
	#f1_box .f1_content_block{width:93%;overflow:hidden;}
	#f1_box .f1_content li{margin:0px 5px;width:24%;}
	#f1_box .f1_content li img{height:auto;}
	
	#f4_box .f4_news_container .f4_con .f4_l .day{font-size:26px;}
	#f4_box .f4_news_container .f4_con .f4_l{font-size:12px;}
	#f1_box .titleimg{margin-bottom:29px;}
	#f1_box .f1_content_block{height:160px;}
	#f1_box .f1_content li{height:160px;}
	#f3_box ul{padding-top:10px;}
	#f1_box .titleimg{background-size:80%;}
	#f2_box .titleimg{background-size:80%;}
	#f3_box .titleimg{background-size:80%;}
	#f4_box .titleimg{background-size:80%;}
	#f3_box{padding-bottom:4px;}
	
	#f3_box ul li img{height:auto;}
	
	
	.openMenu {
	  right: 240px;
	}
	.openNav {
	  right: 0;
	}
	.nav {
	  width: 240px;
	}
	.nav h3 {
	  padding: 32px 0 15px 12px;
	  font-size: 1.571em;
	  font-weight: normal;
	  color: #fff;
	  line-height: 25px;
	}
	.nav ul li {
	  clear: both;
	}
	.nav ul li a {
	  display: block;
	  height: 45px;
	  padding: 0 0 0 12px;
	  line-height: 45px;
	  font-size: 1em;
	}
	.footerby{display:none;}
	
	#a_f2_box .titlenav .s1, #a_f2_box .titlenav .s2{width:38%;}
	#a_f2_box .f2_content li{width:219px;height:162px;}
	#a_f2_box .toleft,#a_f2_box .toright{margin-top:39px;}
	#a_f2_box .f2_content_block{height:auto;}
	#a_f3_box .a_content_box .a_title{padding-bottom: 10px;}
	
	
	
	
	.news_title{background-position:56% center;}
	.list_news .listitem .t_r .more{background-size:78px 32px;line-height:32px;width:78px;height:32px;bottom:2px;}

	
	.join_title {background-position: 58% center;}
	#a_f1_box .join_content_box .titlet{padding-bottom:12px;}
	#a_f1_box .join_content_box .join_tianjian{width:73%;}
	#a_f1_box .join_content_box .join_tianjian li{margin-top:14px;}
	#a_f1_box .join_content_box .join_3{top:265px;}
	
	.list_xican .xican_ul li {height: 170px;}
	.list_xican .xican_ul li .proimg{height:142px;}
	.list_xican .xican_ul li .txt{height:25px;line-height:25px;}
	
	
	.divcontact{width:98%;}
	.divcontact .divcontact1{padding-left:0px;}
	.divcontact .ditudiv{width:98%;height:300px;}
	
	.ny_page{margin-top:0px;}
	
	.warmp_index{padding-bottom: 10px;overflow: hidden;}
	
	
	
}
@media (max-width: 768px) {
	/* .container{width:758px;} */
	 .container{width:98%;} 
	#f4_box .t_left .huihuform .gettel{width:60%;}
	#f4_box .t_right textarea{height:150px;}
	
	#header{display:none;}
	#f1_box .img_box img{height:123px;}
	#f3_box .img_box img{height:147px;}
	
	.listtype ul li a,.list_news .listitem .t_r .title a{font-size:16px;}
	#a_f1_box .join_content_box .join_tianjian{width:100%;}
	#a_f3_box .divform .title{font-size:18px;}
	#a_f3_box .divform .title1{font-size:16px;}
	#a_f3_box .divform  table .td3{display:none;width:0px;}
	#a_f1_box .join_content_box .join_tianjian{padding-left:5%;}
	#a_f1_box .join_content_box .join_tianjian li .no{font-size:14px;}
	#a_f1_box .join_content_box .join_3{display:none;}
	#a_f1_box .join_content_box .join_tianjian{padding-bottom:20px;box-sizing: border-box;padding-top:0px;}
	
	#a_f2_box .titlenav .s1, #a_f2_box .titlenav .s2{width:31%;}
	#a_f1_box .join_content_box{padding-bottom:20px;}
	#a_f2_box .f2_content li{width:205px;}
	
	.list_pro .pro_ul li{width:45%;margin-left:3%;}
	
	.list_xican{padding-top:0px;}
	.list_xican .xican_ul li{width: 31%;margin-left: 1%;height:auto;}
	.list_xican .xican_ul li .proimg{height:161px;}
	.list_xican .xican_ul li .txt{font-size:12px;}
	
	
	
	#ny_f2 .f1_content_block{width:440px;overflow:hidden;}
	#ny_f2 .f1_content li{margin:0px 5px;width:136px;}
	#f1_box .f1_content li img{height:auto;}
	#ny_f2 .toright{float: left;margin-left: 12px;}
	
	.ny_page .ny_f1 .pimg img{width: 90%;}
	#f1_box .f1_content_block{width:91%;}
	
}

@media (max-width: 600px) {
	
	.n_banner{display:none;}
	
	.n_banner_web{display:block;}
	.n_banner_web img{width:100%;}
	
	
	#ny_f2 .f1_content_block{width:675px;overflow:hidden;}
	#ny_f2 .f1_content li{margin:0px 5px;width:25%;}
	#f1_box .f1_content li img{height:auto;}
	#ny_f2 .toright{float: left;margin-left: 12px;}
	
	#f1_box .f1_content_block{width:500px;overflow:hidden;}
	#f1_box .f1_content li{margin:0px 5px;width:160px;}
	#f1_box .f1_content li:hover span{display:none;}
	#f1_box .f1_content li img{height:auto;}
	
	#f4_box .f4_news_container .f4_con{float:none;width:100%;overflow:hidden;margin-left:0px;}
	#f1_box .toleft, #f1_box .toright{display:none;}
	#ny_f2 .toleft, #ny_f2 .toright{display:none;}
	.ny_page{padding-left:0px;}
	
	
}

@media (max-width: 360px) {
	.container{width:350px;}
	#f1_box p{padding-top:6px;line-height:24px;font-size:12px;}
	#f1_box .img_box{margin-top:15px;padding:5px 0px 7px 5px;border: 6px solid #FFCA00;}
	#f1_box .img_box img{height:57px;}
	#f1_box .titleimg, #f2_box .titleimg, #f3_box .titleimg .titletxt,#f4_box .titleimg{font-size:1.5em;letter-spacing: 0;}
	#f2_box{padding-bottom:12px;}
	#f2_box .titleimg .f26font{font-size: 1.6em;}
	#f2_box .f2_content, #f1_box p{font-size:12px;}
	.f2_content .t_left span{height: 30px;line-height: 30px;}
	.f2_content .t_left .titleNo{font-size:16px;width: 17%;}
	.f2_content .t_left .titletext{font-size:14px;width: 75%;}
	.f2_content .t_left .des_con{padding-left:17%;}
	#f2_box .titleimg{padding-bottom:15px;}
	.f2_content .t_right{width:45%;}
	.f2_content .f2_item{margin-top: 10px;}
	.f2_content .t_right,.f2_content .t_left{width: 90%;float: none;margin:0 auto;}
	.f2_content .t_left2,.f2_item3 .t_right,.f2_item3 .t_left{padding-top: 0px;}
	.f2_content .f2_item3{margin-top:20px;}
	
	#f3_box .titleimg{font-size:14px;}
	 #f3_box .titleimg .titletxt{font-size:1.5em;}
	 #f3_box .titleimg span{font-size:16px;padding-bottom: 2px;}
	 #f3_box .img_box{margin-top:10px;padding:5px 0px 7px 7px;border: 6px solid #FFCA00;}
	 #f3_box .img_box img{height:76px;}
	#f3_box .img_box li{margin-left:1%;}
	#f4_box{padding-bottom: 28px;}
	#f4_box .t_left{padding-top:20px;}
	#f4_box .t_left .huihuform{margin-top:14px;}
	#f4_box .t_left,#f4_box .t_right{width: 90%;margin: 0 auto;float: none;}
	#f4_box .t_left .telimg{width:77%;}
	#f4_box .t_left .txt1{font-size:14px;line-height:24px;}
	#f4_box .t_left .txt1 font{font-size:20px;}
	#f4_box .t_left .tishi{font-size:12px;margin-top:20px;}
	#f4_box .t_right{background: #FFF none repeat scroll 0% 0%;border: 2px solid #E0D9D9;padding:20px 5px;box-sizing: border-box;margin-top:16px;}
	#f4_box .t_right .td1{font-size:12px;}
	#f4_box .t_right .td3{display:none;width:0px;}
	#f4_box .t_right td{padding-top:8px;}
	#f4_box .t_right input, #f4_box .t_right textarea{width: 199px;height: 24px;}
	#f4_box .t_right textarea{height:60px;}
	#f4_box .t_right .btn{background:#d01a1a;text-indent:0px;color:#fff;font:14px "微软雅黑";width: 100px;height: 36px;}
	
 
	.navbar .ico-home, .navbar .ico-nav{height: 50px;background-size: 29.5px 24.5px;}
	.navbar #title {height: 50px;font-size: 1.571em;line-height: 50px;}
	.navbar .ico-home span,.navbar .ico-nav span{height:50px;}
	 .footer {
	  height: auto;
	}
	.footer li a, .footer li span {
	  height: 59px;
	  padding: 37px 0 0 0;
	  font-size: 12px;
	  line-height: 18px;  box-sizing: border-box;
	}
	.footer .footer-con {
	}
	.footer p {
	  padding: 5px 10px;
	  margin: 0 auto;
	}
	.footer li {
	  float: left;
	  width: 25%;
	}
	.footer li.m_1 a {
	  background: url(../images/m_2.png) center 7px no-repeat;
	  background-size: 29px 24px;
	}
	.footer li.m_2 a {
	  background: url(../images/m_4.png) center 7px no-repeat;
	  background-size: 26px 25px;
	}

	.footer li.m_3 a {
	  background: url(../images/m_5.png) center 7px no-repeat;
	  background-size: 24px 27px;
	}
	.footer li.m_4 a {
	  background: url(../images/m_6.png) center 6px no-repeat;
	  background-size: 27px 24px;
	}
	
	
	.about_title{background: transparent url("../images/n_title_bg.png") no-repeat scroll 2px center;font-size:16px;height:91px;line-height:91px;}
	.position{padding-top:0px;}
	#a_f1_box{margin-top:20px;}
	#a_f1_box .titlenav,#a_f3_box .titlenav,#a_f2_box .titlenav{margin-bottom:5px;}
	#a_f1_box .titlenav span,#a_f2_box .titlenav span,#a_f3_box .titlenav span{font-size:14px;}
	#a_f1_box .titlenav span,#a_f3_box .titlenav span,#a_f2_box .titlenav span{margin:0px 10px;padding: 7px 14px;}
	#a_f1_box .a_content_box .a_title{width:60%;padding-bottom: 10px;}
	#a_f1_box .a_content_box p{line-height:24px;}
	
	#a_f2_box .titlenav .s1, #a_f2_box .titlenav .s2{width:35%;}
	#a_f2_box .titlenav{height:30px;}
	#a_f2_box .a_content_box .title_fu{font-size:12px;}
	#a_f2_box .a_content_box .title_fu font{font-size:14px;}
	#a_f2_box .f2_content li{width:32%;height:75px;margin-left:5px;}
	#a_f2_box .f2_content li img{height:100%;}
	#a_f2_box .toleft, #a_f2_box .toright{display:none;}
	#a_f2_box .f2_content_block{padding-left: 12px;}
	#a_f2_box .a_content_box .title_fu{padding-bottom:5px;}
	#a_f2_box .f2_content{padding-bottom:5px;}
	#a_f3_box .a_content_box .a_title{width:60%;}
	#a_f3_box .a_content_box p{line-height:24px;}
	#a_f3_box ul{padding-top:0px;}
	#a_f3_box ul .first{margin-left:10px;}
	#a_f3_box ul li{width:43%;margin-top:10px;padding:2px;margin-left: 10px;}
	
	
	.news_title{background-position:21px center;}
	.listtype ul li{padding:3px 6px;margin-left:0px;}
	.listtype ul li a, .list_news .listitem .t_r .title a{font-size:14px;}
	.listtype{padding:20px 0px;}
	.list_news{padding-bottom:10px;}
	.list_news .listitem{padding: 2px 0px 28px 0px;margin-bottom:10px;}
	.list_news .listitem .n_img{width:30%;height:75px;}
	
	.list_news .listitem .t_r{padding: 0px 10px 0px 0px;line-height: 24px;width:65%;}
	.list_news .listitem .t_r .title .dot{width: 4px;height: 4px;}
	.list_news .listitem .t_r .title{padding-bottom:0px;}
	.list_news .listitem .t_r p{height: 40px;overflow: hidden;padding-top: 5px;}
	.list_news .listitem .t_r .more{background-size: 64px 32px;width: 64px;height: 32px;bottom: 0px;right:10px;line-height: 38px;}
	
	
	
	.join_title {background-position: 25px center;}
	#a_f1_box .join_content_box{background-position:center 20%;padding-bottom:0px;}
	#a_f1_box .join_content_box .titlet{font-size:14px;padding-bottom:0px;margin-top: 10px;}
	#a_f1_box .join_content_box .join_tianjian{width:100%;padding-top:0px;padding-bottom:10px;padding-left: 0px;}
	#a_f1_box .join_content_box .join_tianjian li{margin-top:8px;}
	#a_f1_box .join_content_box .join_tianjian li .no{font-size:14px;}
	#a_f1_box .join_content_box .join_3{display:none;}
	.join_container #a_f3_box{margin-top:0px;}
	#a_f3_box .divform{padding-bottom:20px;}
	#a_f3_box .divform .title{font-size:16px;background-size: 100% 20%;padding-bottom: 14px;}
	#a_f3_box .divform .title1{font-size:14px;padding-top: 4px;}
	
	
	#a_f3_box .divform  table .td1{font-size:12px;}
	#a_f3_box .divform  table .td3{display:none;width:0px;}
	#a_f3_box .divform  table td{padding-top:8px;}
	#a_f3_box .divform  table .inptxt, #a_f3_box .divform  table textarea{width: 199px;height: 24px;}
	#a_f3_box .divform table textarea{height:60px;}
	#a_f3_box .divform table .btn{background:#d01a1a;text-indent:0px;color:#fff;font:14px "微软雅黑";width: 100px;height: 36px;}
	
	.list_xican .xican_ul li{width: 45%;margin-left: 2%;}
	.list_xican .xican_ul li .proimg{height:107px;}
	.list_xican .xican_ul li .txt{height:20px;line-height:20px;}
	
	.article_content,.join_1_container {padding:20px 2%;}
	.article_content img,.join_1_container img {width:100%;}
	
	#f1_box .titleimg{background:url(../images/1_1.jpg) no-repeat center top;background-size: 57%;margin-bottom:0px;height:74px;}
	#f2_box .titleimg{background:url(../images/1_4.jpg) no-repeat center top;background-size: 57%;padding-bottom: 0;height:74px;margin-bottom: 0px;}
	#f3_box .titleimg{margin-bottom:0px;background:url(../images/1_6.jpg) no-repeat center top;height:74px;background-size: 57%;}
	
	#f4_box .titleimg{margin-bottom:0px;background:url(../images/1_8.jpg) no-repeat center top;height:97px;background-size: 57%;}
	
	#f2_box .pimg img{width:66%;}
	
	#f4_box .f4_news_container .f4_con .f4_r .title{display: block; overflow: hidden; height: 24px;}
	#f4_box .f4_news_container .f4_con .f4_r p{padding-top:0px;}
	
	#f1_box .f1_content_block{width:100%;}
	#f1_box .f1_content_block li{width:46%;}
	
	#f3_box ul li{width:46%;margin-left:10px;}
	#f4_box .f4_news_container .f4_con .f4_l .day{font-size:22px;}
	#f4_box .f4_news_container .f4_con .f4_l{font-size:10px;}
	
	.ny_page .ny_title img{width: 38%;}
	.ny_page .ny_f1 .f1p{padding-bottom: 0px;}
	.ny_page .ny_f1 .f1p img{width: 60%;}
	.ny_page .ny_f1{line-height:24px;}
	.ny_page .ny_f2 .f2p img{width:29%;}
	
	#ny_f2 .f1_content li{height:209px;}
	.ny_page .news{margin:10px 0px;}
	
	.f30{font-size:20px;}
	.ny_page .news .newsdate{width:58px;}
	.ny_page .news .text{width: 80%; padding-right: 0px; float: right;padding-left: 0px;}
	.ftw{height:24px;overflow:hidden;}
	.f12{line-height: 22px;}
	.tu a{width:50%;margin: 2% 0px;}
	.tu p{height:0px;}
	
	.tu a img{height:150px;}
	.ny_page .ny_title{height:39px;}
	.ditudiv{display:none;}
	#ny_f2 .f1_content li img{height:auto;}
}

@media (max-width: 320px) {
	.container{width:310px;}
	#f3_box .titleimg{font-size:12px;}
	 #f3_box .titleimg .titletxt{font-size:1.5em;}
	 #f3_box .titleimg span{font-size:14px;}
	 #f4_box .t_right input, #f4_box .t_right textarea{width:166px;}
	 
	 .about_title{background-position:-17px center;height: 100px;line-height: 118px;}
	 #a_f1_box{margin-top:20px;}
	 
	 
	 
	.news_title{background-position:1px center;}
	
	.join_title {background-position: 5px center;}
	#a_f3_box .divform .title1{font-size:12px;}
}



.slider-focus {
  position: relative;
  max-width: 840px;
  overflow: hidden;
  /* max-height: 320px; */
  margin: 0 auto;
}
.slider-focus .bd {
  position: relative;
  z-index: 0;
}
.slider-focus .bd li {
  position: relative;
  text-align: center;
}
.slider-focus .bd li a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.slider-focus .bd li img {
  background: url(http://m.boai.com/images/loading.gif) center center no-repeat;
  vertical-align: top;
  width: 100%;
}
.slider-focus .hd {
  position: absolute;
  width: 100%;
  height: 28px;
  left: 0;
  bottom: 2%;
  z-index: 1;
  line-height: 28px;
  text-align: center;
}.slider-focus .hd li {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  margin: 0 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  background: #fff;
  cursor: pointer;
}
.slider-focus .hd {
  position: absolute;
  width: 100%;
  height: 28px;
  left: 0;
  bottom: 2%;
  z-index: 1;
  line-height: 28px;
  text-align: center;
}

.slider-focus .hd li {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  margin: 0 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  background: #fff;
  cursor: pointer;
}

.slider-focus .hd li.on{background:#ffea00;}